/*
vue-i18n
1:下载  yarn add vue-i18n@8.0.0
2:导入  import VueI18n from 'vue-i18n'
3:注册  Vue.use(VueI18n)
4:实例化
     const i18n=new VueI18n({
        locale:语言标识zh/en,
        messages:{
            en:{
                xxx:'file'
            },
            zh:{
                xxx:'文件'
            },
            xxx:{}
        }
     })
5:暴露出去  export default i18n
6:挂载
   import i18n from '@/lang'
   new Vue({
    i18n:i18n
   })

   使用：
       vue使用：
           div  {{$t('xxx')}}
           js:  this.$t('xxx')
       js中使用
           import i18n from '@/lang'
           i18n.t('xxx')
    语言切换
        vue:  this.$i18n.locale='en/zh'

elementui与i18n关联
1：将elementui的语言包加入到i18n的messages
2：Vue.use(Element, {
  i18n: (key, value) => i18n.t(key, value)
})

持久化
  1：值改变了就存储浏览器
  2：初始值读取浏览器存储

实现完成国际化
1：收集需要翻译的内容,注意点：收集时一定要注意注释
   {
    模块名:{
          页面名:{
            字段名:'值（中文语言包）'
          }
     }
   }
2：等相应的人翻译
3：语言包的内容不要放前端，让后端做成接口
4:调用接口获取语言包内容再使用上

国际化使用
1：创建lang/index.js引入 i18n使用，包括在main.js挂载
2：i18n与elementui关联起来
3：持久化处理
4：收集语言包处理
5：使用语言包
6：做切换功能
   修改locale
   存储语言的值
   刷新页面
*/
import VueI18n from 'vue-i18n'
import Vue from 'vue'
import enLocale from 'element-ui/lib/locale/lang/en'
import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
import zh from './zh'
import en from './en'
import jsCookie from 'js-cookie'
Vue.use(VueI18n)
const i18n = new VueI18n({
  locale: jsCookie.get('lang') || 'en',
  messages: {
    en: { xxx: 'file', home: 'home', ...enLocale, ...en },
    zh: { xxx: '文件', home: '首页', ...zhLocale, ...zh }
  }
})
export default i18n
